<!doctype html>
<html lang="es">
<head>
<title>Menus desplegable B&aacute;sico</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<section id="menu">
<ul>
  <li class="nivel1"><a href="#" class="nivel1">Menu 1</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Menu 1<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Menu 1.1</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
  <li class="nivel1"><a href="#" class="nivel1">Menu 2</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Menu 2<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Menu 2.1</a></li>
		<li><a href="#">Menu 2.2</a></li>
		<li><a href="#">Menu 2.3</a></li>
		<li><a href="#">Menu 2.4</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Menu 3</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Menu 3<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Menu 3.1</a></li>
		<li><a href="#">Menu 3.2</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Menu 4</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Menu 4<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Menu 4.1</a></li>
		<li><a href="#">Menu 4.2</a></li>
		<li><a href="#">Menu 4.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Menu 5</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Menu 5<table class="falsa"><tr><td><![endif]-->
	<ul>
		<li><a href="#">Menu 5.1</a></li>
		<li><a href="#">Menu 5.2</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</section>
</body>
</html>